body{width: 100%;overflow-x: hidden;}
*{padding: 0;margin: 0}
ul,li{list-style: none;}
a{text-decoration: none;}
.fff{color: #fff;z-index: 2}
.fl{float: left;}
.fr{float: right}
.text-center{text-align: center !important;}
.mgr150{margin-right: 150px;}
span.blue{color: #5C88FF}
.clear:after{content: "";display: block;height: 0;clear: both;}
.top{position: relative;height: 984px;}
.topbg{height: 984px;width: 100%;background: url("../img/333.png") no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;}
.top .mengpa{position: absolute;z-index: 1;left: 15%;top: 100px;}
.top .mengpa img{vertical-align: middle;}
.top .mengpa span{font-size: 20px;}
.top .mengpa span.font-big{font-size: 26px;margin-right: 10px;margin-left: 20px}
.top .mengpa-jianjie{position: absolute;left: 15%;top: 200px;}
.top .mengpa-jianjie p{margin-bottom: 10px;color: #c9dbfb}
.top .mengpa-jianjie p .font-big{font-size: 26px;color: #fff;}
.top .download{position: absolute;z-index: 2;left: 15%;top: 350px;}
.top .download .erweimabg{background: #fff;width: 244px;height: 244px;text-align: center;}
.top .download .erweima p{width: 244px;height: 30px;line-height: 30px;text-align: center;}
.top .download .erweimabg img{width:100%;}
.top .links a{display: block;margin-bottom: 15px;margin-left: 30px;}
.top .phone{position: absolute;z-index: 2;display: none;}
.tg-txt{text-align: center;height: 140px;background: url("../img/img1.png") no-repeat right 30px;padding: 20px 0;border: 1px solid transparent;}
.tg-txt p{margin-bottom: 10px;}
.container{padding: 30px 0;margin-top: 40px;}
.yuewan{background: url("../img/img2.png") no-repeat left center;}
.nuanxin{background: url("../img/img_cir.png") no-repeat right center;}
.nuanxin .center{background: url("../img/warm.png") no-repeat 0 center;}
.yuewan .center{background: url("../img/play.png") no-repeat 450px center;}
.container .center{width: 1200px;margin: 0 auto;}
.container .center .title{margin-top: 50px;font-size: 40px;margin-bottom: 20px;}
.container .center .title img{vertical-align: middle;}
.container .center .summary{font-size: 18px;text-align: justify;}
.liaotian .summary{width: 600px;}
.liaotian .center{background: url("../img/chat.png") no-repeat 450px center;position: relative;}
.liaotian .center:before{content: "";display: block;width: 260px;height: 140px;position: absolute;background: url("../img/img1.png") no-repeat center center;left: -180px;top: -50px;}
.liaotian img{position: relative;z-index: 2}
footer{height: 326px;background: url("../img/img_footer.png") no-repeat center center;color: #fff;text-align: center;}
footer .bottom-link{padding-top: 80px;margin-bottom: 60px;}
footer .bottom-link a{color: #fff;position: relative;padding: 0 40px;}
footer .bottom-link a:after{content: "";display: block;position: absolute;height: 16px;width: 1px;background: #fff;right: -2px;top: 4px;}
footer .bottom-link a:nth-last-child(1):after{display: none;}
footer p{margin-bottom: 50px;}
footer p span{margin-right: 50px;}
@media screen and (max-width: 650px){
    .top{height: 285px;}
    .topbg{height: 285px;}
    .top .mengpa img{vertical-align: middle;width: 40px;}
    .top .mengpa span{font-size: 12px;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 20px;}
    .top .mengpa span.font-big{font-size: 16px;margin-right: 10px;margin-left: 0}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 65px;font-size: 12px;}
    .top .mengpa-jianjie p .font-big{font-size: 16px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 130px;}
    .top .download .erweimabg{background: #fff;width: 80px;height: 80px;text-align: center;}
    .top .download .erweima{position: relative}
    .top .download .erweima p{height: 30px;line-height: 30px;text-align: center;font-size: 12px;position: absolute;left: -1.5em;width: 115px;}
    .top .links a{display: block;width: 100px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}

    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: left;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;}
    .yuewan{background-size: 50px 100px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;}
    .nuanxin{background-size: 50px 129px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link{padding-top: 20px;margin-bottom: 20px;}
    footer ul a{display: block;}
    footer p{margin-bottom: 10px;}
    footer p span{display: block;margin: 0;}
    .yuewan .center{background-size: 100% 100px;background-position: right center}
    .nuanxin .center{background-size: 100% 100px;background-position: left center}
    .liaotian .center{background-size: 100% 100px;background-position: right center}
}
@media screen and (max-width: 750px){
    .top{height: 285px;}
    .topbg{height: 285px;}
    .top .mengpa img{vertical-align: middle;width: 40px;}
    .top .mengpa span{font-size: 12px;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 20px;}
    .top .mengpa span.font-big{font-size: 16px;margin-right: 10px;margin-left: 0}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 65px;font-size: 12px;}
    .top .mengpa-jianjie p .font-big{font-size: 16px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 130px;}
    .top .download .erweimabg{background: #fff;width: 80px;height: 80px;text-align: center;}
    .top .download .erweima{position: relative}
    .top .download .erweima p{height: 30px;line-height: 30px;text-align: center;font-size: 12px;position: absolute;left: -1.5em;width: 115px;}
    .top .links a{display: block;width: 100px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}

    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: left;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;}
    .yuewan{background-size: 50px 100px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;}
    .nuanxin{background-size: 50px 129px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link{padding-top: 20px;margin-bottom: 20px;}
    footer ul a{display: block;}
    footer p{margin-bottom: 10px;}
    footer p span{display: block;margin: 0;}
    .yuewan .center{background-size: 100% 100px;background-position: right center}
    .nuanxin .center{background-size: 100% 100px;background-position: left center}
    .liaotian .center{background-size: 100% 100px;background-position: right center}
}
@media screen and (min-width: 750px) and (max-width:1024px){
    .top{height: 400px;}
    .topbg{height: 400px;}
    .top .mengpa img{vertical-align: middle;width: 55px;}
    .top .mengpa span{font-size: 20px;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 20px;}
    .top .mengpa span.font-big{font-size: 24px;margin-right: 10px;margin-left: 0;}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 85px;font-size: 20px;}
    .top .mengpa-jianjie p .font-big{font-size: 26px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 175px;}
    .top .download .erweimabg{background: #fff;width: 110px;height: 110px;text-align: center;}
    .top .download .erweima p{width: 112px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;}
    .top .links a{display: block;width: 180px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}
    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: center;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;}
    .yuewan{background-size: 80px 160px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;}
    .nuanxin{background-size: 80px 206px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link a{padding: 0 20px;}
    .yuewan .center{background-size: 100% 235px;background-position: right center}
    .nuanxin .center{background-size: 100% 235px;background-position: left center}
    .liaotian .center{background-size: 100% 235px;background-position: right center}
}
.gonggao-center{text-align: justify;width: 96%;margin: 0 auto;}
.gonggao-center p{line-height: 1.6;margin: 10px 0 15px;}
.gonggao-center p.title{font-weight: bold;}
.gonggao-center p.indent2{text-indent: 2em;}